import React from 'react';

import './style.less'

class Star extends React.Component {
  constructor(props, context){
    super(props, context);
  }
  render(){
    // 获取 star 数量，并取余5（最多5个star）
    let star = this.props.star || 0;
    if (star > 5) {
      star = star % 5;
    }
    return (
      <div className="star-container">
        {[1,2,3,4,5].map((item, index) => {
          const lightClass = star >= item ? ' light' : '';
          return <i key={index} className={'icon-star' + lightClass}/>
        })}
      </div>
    );
  }
}

export default Star;